@charset "utf-8";
/* CSS Document */
.ksbg{
	width:100%;
	height:55px;
	box-shadow: 0 1px 2px rgba(153,153,153,0.19);
	}
.keysea{
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	}
.keyword{
	float:left;
	width:850px;
	height:55px;
	}
.keyword p{
	font-size:15px;
	color:#666;
	line-height:55px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	}
.keyword p a{
	padding:0px 10px;
	color:#666;
	}
.keyword p a:hover{
	color:#117cde;
	text-decoration:underline;
	}
.search{
	float:right;
	width:300px;
	height:35px;
	background:#eee;
	border-radius:17.5px;
	margin-top:10px;
	}
.search p input[type="text"]{
	width:265px;
	height:35px;
	color:#999;
	border:none;
	text-indent:1em;
	outline:none;
	background:none;
	}
.search p input[type="submit"]{
	float:right;
	outline:none;
	border:none;
	cursor:pointer;
	width:18px;
	height:16px;
	margin-top: 10px;
    margin-right: 12px;
	background:url(../images/search.png) no-repeat;
	}
.bt{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	}
.bt h3{
	font-size:24px;
	color:#333;
	}
.bt .btt{
	width:50px;
	height:3px;
	background:#117cde;
	margin:10px auto;
	}
.probg{
	width:100%;
	background:#f7f7f7;
	padding:30px 0px;
	margin-bottom:30px;
	}
#top{
	width:1100px;
	height:50px;
	margin:0 auto;
	margin-top:40px;
	}
#top ul{
	overflow:hidden;
	}
#top ul li{
	width:150px;
	height:48px;
	float:left;
	}
#top ul li+li{
	margin-left:40px;
	}
#top ul li a{
	width:148px;
	height:38px;
	display:block;
	color:#666;
	font-size:14px;
	text-align:center;
	line-height:40px;
	border:1px solid #ccc;
	}
#top ul li a:hover{
	color:#fff;
	background:#117cde;
	border:1px solid #117cde;
	}
#top ul li.six{
	background:url(../images/down.png) bottom center no-repeat;
	}
#top ul li.six a{
	color:#fff;
	background:#117cde;
	border:1px solid #117cde;
	}
#bottom{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	margin-top:20px;
	}
.product{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.proul ul{
	overflow:hidden;
	}
.proul ul li{
	width:280px;
	overflow:hidden;
	float:left;
	margin: 15px 10px;
	}
.proul ul li .prtp{
	width:280px;
	height:200px;
	overflow:hidden;
	position: relative;
	}
.proul ul li .prtp img{
	max-width:280px;
	min-width:280px;
	max-height:200px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	}
.proul ul li:hover .prtp img{
	transform: scale(1.2, 1.2);
	}
.proul ul li .prwz{
	width:250px;
	padding:15px;
	background:#fff;
	/*transition:0.5s;
	position:relative;
	transition:all 2s;
	}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
.proul ul li:hover .prwz{
	color:#fff;
	background: #117cde;
	background: -webkit-linear-gradient(right, #117cde 0%, #117cde 50%, #fff 50%, #fff 100%);
	background: -moz-linear-gradient(right, #117cde 0%, #117cde 50%, #fff 50%, #fff 100%);
	background: -o-linear-gradient(right, #117cde 0%, #117cde 50%, #fff 50%, #fff 100%);
	background: -ms-linear-gradient(right, #117cde 0%, #117cde 50%, #fff 50%, #fff 100%);
	background: linear-gradient(right, #117cde 0%, #117cde 50%, #fff 50%, #fff 100%);
	background-size: 200% 200%;
	-webkit-animation: AnimationName .5s ease-in;
	animation-fill-mode: forwards;*/
	}
.proul ul li .prwz h3{
	font-size:14px;
	color:#333;
	}
.proul ul li:hover .prwz h3{
	color:#117cde;
	text-decoration:underline;
	}
.proul ul li .prwz p{
	font-size:12px;
	color:#666;
	margin-top:8px;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	}
.about{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	margin-top:25px;
	}
.about .abtp{
	width:520px;
	height:350px;
	float:left;
	}
.about .abwz{
	width:640px;
	float:right;
	overflow:hidden;
	margin-top:40px;
	}
.about .abwz h2{
	font-size:24px;
	color:#117cde;
	padding-bottom:15px;
	margin-bottom:15px;
	background:url(../images/gywmxt.png) bottom no-repeat;
	}
.about .abwz p{
	font-size:14px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	line-height:30px;
	}
.about .abwz a.abduo{
	font-size:14px;
	color:#117cde;
	border:1px solid #117cde;
	padding:8px 30px;
	display:inline-block;
	margin-top:30px;
	}
.ysbg{
	width:100%;
	background:url(../images/ysbg.jpg) center center no-repeat;
	padding:50px 0px;
	margin:30px 0px;
	}
.yous{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.yous ul{
	}
.yous ul li{
	width:510px;
	overflow:hidden;
	float:left;
	margin-top:30px;
	padding-left:70px;
	}
.yous ul li:nth-of-type(2), .yous ul li:nth-of-type(4){
	margin-left:40px;
	}
.yous ul li:nth-of-type(1){
	background:url(../images/ys1.png) left 0px no-repeat;
	}
.yous ul li:nth-of-type(2){
	background:url(../images/ys3.png) left 0px no-repeat;
	}
.yous ul li:nth-of-type(3){
	background:url(../images/ys2.png) left 0px no-repeat;
	}
.yous ul li:nth-of-type(4){
	background:url(../images/ys4.png) left 0px no-repeat;
	}
.yous ul li p:nth-of-type(1){
	font-size:16px;
	color:#fff;
	}
.yous ul li p:nth-of-type(2){
	font-size:14px;
	color:#ddd;
	line-height:25px;
	margin-top:10px;
	}
.new{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.new ul{
	}
.new ul li{
	width:280px;
	height:300px;
	float:left;
	margin:5px;
	border-bottom:2px solid #fff;
	}
.new ul li:hover{
	border-bottom:2px solid #117cde;
	box-shadow: 0 0px 5px rgba(204,204,204,0.35);
	}
.new ul li+li{
	margin-left:18px;
	}
.new ul li .netp{
	width:250px;
	height:100px;
	margin:15px auto;
	border-radius:5px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	}
.new ul li .netp:before {
	content: ' ';
	position: absolute;
	background: #fff;
	width: 25px;
	height: 100px;
	top: 0;
	left: -80px;
	opacity: 0.3;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.new ul li:hover .netp:before {
	width: 45px;
	left: 350px;
}
.new ul li .netp img{
	max-width:250px;
	max-height:100px;
	}
.new ul li p.da{
	width:250px;
	font-size:14px;
	color:#333;
	font-weight:bold;
	margin:0 auto;
	margin-bottom:10px;
	}
.new ul li p.da a{
	color:#333;
	}
.new ul li p.da a:hover{
	color:#117cde;
	}
.new ul li p.te{
	width:250px;
	font-size:12px;
	color:#999;
	margin:0 auto;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	}
.new ul li .damo{
	width:250px;
	margin:0 auto;
	overflow:hidden;
	margin-top:15px;
	}
.new ul li .damo .date{
	float:left;
	width:50px;
	}
.new ul li .damo .date p:nth-of-type(1){
	font-size:18px;
	color:#bbb;
	}
.new ul li .damo .date p:nth-of-type(2){
	font-size:12px;
	color:#bbb;
	margin-top:3px;
	}
.new ul li .damo .more{
	float:right;
	width:50px;
	height:20px;
	border-radius:10px;
	background:#ccc;
	margin-top:9px;
	}
.new ul li .damo .more a{
	display:block;
	}
.new ul li .damo .more img{
	padding-left: 15px;
    padding-top: 5px;
	}
.new ul li .damo .more:hover{
	background:#117cde;
	}